/* ================== */
/* ! Generic Styles   */
/* ================== */
.help {
	color: #606060;
}
.error {
	color: #c90028;
}
.warning {
	color: #ed972e;
}
.highlight,
*:target {
	background-color: #fff773;
}
.highlight.green {
	background-color: #a4ff74;
}
.highlight.orange {
	background-color: #ffd275;
}
.highlight.blue {
	background-color: #76ceff;
}
.loud {
	font-weight: bold;
}
.loud.error {
	padding: 2em;
	background-color: #eed2dc;
}
div.loud.error * {
	color: #c90028;
}
.loud.warning {
	padding: 2em;
	font-weight: inherit;
	color: #da6e00;
	background-color: #efe09b;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.top {
	vertical-align: top !important;
}
.bottom {
	vertical-align: bottom !important;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hash {
	text-transform: uppercase;
}



/* =============== */
/* ! Form Styles   */
/* =============== */
.field {
	clear: both;
	margin: 0 0 1.5em 0;
	padding: 0;
}
.field.highlight,
.field:target {
	margin: -.5em -.5em 1.5em -.5em;
	padding: .5em .5em .5em .5em;
}
input.currency {
	width: 12em;
	text-align: right;
}
input.currency:before {
	content: "\$";
}
.field.yes-no label {
	display: inline;
}
.field .field {
	margin: 0 0 .5em 1em;
}
.field.float .field {
	clear: none;
	float: left;
	margin: 0 1em .5em 0;
}
.field.float .field.float {
	clear: left;
	width: auto;
}
.field .label,
.field label {
	display: block;
	font-weight: bold;
}
.field ul.input {
	list-style: none;
	margin: 0;
	padding: 0;
}
.field .description {
	clear: both;
	padding: .25em;
	font-size: .85em;
	color: #606060;
}
.input label,
.label label {
	width: auto;
	margin: 0 1em 0 0;
	font-weight: normal;
}
.label label {
	text-align: right;
}
.input label {
	font-weight: normal;
	text-align: left;
}
.field ul.input li {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: .125em #606060 dashed;
}
textarea {
	width: 99%;
	min-width: 200px;
	max-width: 1000px;
}



/* ================== */
/* ! Listing Styles   */
/* ================== */
/*
	“Thing lists” are a recurring item in web applications, generally it is beneficial to structure them as unordered lists and style them into tabular form after the fact. These styles provide a standard framework for accomplishing this using the ul element as the table with li elements acting as rows with elements within them specified as columns using the column class.
*/
ul.listing {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
ul.listing li.item {
	clear: both;
	margin: 0;
	padding: .5em 0;
	overflow: hidden;
	border-bottom: .125em #E0E0E0 dashed;
}
ul.listing li.item.header {
	font-weight: bold;
	padding-bottom: .25em;
}
ul.listing li.item.even {
	background-color: #F0F0F0;
}
*:target ul.listing li.item.even {
	background-color: #eeed9a;
}
*:target ul.listing li.item {
	border-bottom: .125em #bfbf68 dashed;
}
ul.listing li.item:last-child:not(li.item.header) {
	border: none;
}
ul.listing li.item .column {
	float: left;
	width: 25%;
	min-width: 15em;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.listing li.item .column.one.third {
	width: 33%;
}
ul.listing li.item .column.two.third {
	width: 66%;
}
ul.listing li.item .column.full {
	float: none;
	width: auto;
	overflow: auto;
}
ul.listing li.item .column.controls {
	float: right;
	text-align: right;
}
ul.tasks {
	list-style: none;
}
ul.tasks li {
	display: inline;
	margin-left: .5em;
	padding-left: .5em;
}


/* ========================== */
/* ! Variable Dump Specific   */
/* ========================== */
/*
	This rule helps ensure that variable dumps maintain the proper indentation when definition list behavior is changed (unless specifically overridden).
*/
.ELSWAK-Variable-Dump dd {
	margin-left: 2em;
}
